
<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if IE 8 ]><html dir="ltr" lang="zh_cn" class="ie8"><![endif]-->
<!--[if IE 9 ]><html dir="ltr" lang="zh_cn" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="ltr" lang="zh_cn">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>大米6 Air 13.3英寸全金属超轻薄笔记本电脑 i7 8G 256G SSD</title>
<!-- <base href="../mobile/index.html" /> -->

<!-- Facebook share -->
<meta property="og:site_name" content="PHP 开源电商系统 - 成都光大网络科技" />
<meta property="og:url" content="../mobile/index.htmlindex.php?route=product/product&amp;product_id=42" />
<meta property="og:type" content="product" />
<meta property="og:title" content="大米6 Air 13.3英寸全金属超轻薄笔记本电脑 i7 8G 256G SSD" />
<meta property="og:description" content="" />
<meta property="og:image" content="https://mallcdn.gdemo.top/catalog/demo/product/6.jpg?imageView2/1/w/600/h/315/" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="315" />
<meta property="product:price:amount" content="0.0100" />
<meta property="product:price:currency" content="CNY" />

<link href="../javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../javascript/jquery/swiper/css/swiper.min.css" type="text/css" rel="stylesheet" media="screen" />
<link href="../javascript/jquery/datetimepicker/bootstrap-datetimepicker.min.css" type="text/css" rel="stylesheet" media="screen" />
<script src="../javascript/app.js?v=c276af9139" type="text/javascript"></script>
<script src="../javascript/jquery/datetimepicker/moment/moment.min.js" type="text/javascript"></script>
<script src="../javascript/jquery/datetimepicker/moment/moment-with-locales.min.js" type="text/javascript"></script>
<script src="../javascript/jquery/datetimepicker/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
<script src="../javascript/jquery/swiper/js/swiper.min.js" type="text/javascript"></script>
<link href="../mobile/index.htmlindex.php?route=product/product&amp;product_id=42" rel="canonical" />
<link href="../image/favicon.png" rel="icon" />
<link href="../theme/mobile/stylesheet/stylesheet.css?v=7000b9778f" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../src/DebugBar/Resources/vendor/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="../src/DebugBar/Resources/vendor/highlightjs/styles/github.css">
<link rel="stylesheet" type="text/css" href="../src/DebugBar/Resources/debugbar.css">
<link rel="stylesheet" type="text/css" href="../src/DebugBar/Resources/widgets.css">
<link rel="stylesheet" type="text/css" href="../src/DebugBar/Resources/openhandler.css">
<link rel="stylesheet" type="text/css" href="../src/DebugBar/Resources/widgets/sqlqueries/widget.css">
<script type="text/javascript" src="../src/DebugBar/Resources/vendor/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="../src/DebugBar/Resources/vendor/highlightjs/highlight.pack.js"></script>
<script type="text/javascript" src="../src/DebugBar/Resources/debugbar.js"></script>
<script type="text/javascript" src="../src/DebugBar/Resources/widgets.js"></script>
<script type="text/javascript" src="../src/DebugBar/Resources/openhandler.js"></script>
<script type="text/javascript" src="../src/DebugBar/Resources/widgets/sqlqueries/widget.js"></script>
<script type="text/javascript">jQuery.noConflict(true);</script>

</head>
<body class="product-product" ontouchstart="" onmouseover="">

  <div class="assist-side">
        <a class="btn-meiqia"><i class="iconfont">&#xe607;</i></a>
    <script type='text/javascript'>
      (function(m, ei, q, i, a, j, s) {
        m[i] = m[i] || function() {
          (m[i].a = m[i].a || []).push(arguments)
        };
        j = ei.createElement(q),
          s = ei.getElementsByTagName(q)[0];
        j.async = true;
        j.charset = 'UTF-8';
        j.src = 'https://static.meiqia.com/dist/meiqia.js?_=t';
        s.parentNode.insertBefore(j, s);
      })(window, document, 'script', '_MEIQIA');
      _MEIQIA('entId', '116919');
      _MEIQIA('language', 'zh');
      _MEIQIA('manualInit'); // 在这里开启手动模式
      _MEIQIA('withoutBtn'); // 不显示默认按钮
      _MEIQIA('init');

      $(document).on('click', '.btn-meiqia', function(event) {
        _MEIQIA('showPanel');
      });
    </script>
            <a href="../mobile/index.html"><i class="iconfont">&#xe629;</i></a>
        <a href="#page-top" class="go-top"><i class="iconfont">&#xe6fe;</i></a>
  </div>

<div class="container">
  <div class="notice"></div>
    <div class="row">
      <div id="content" class="col-sm-12 product-details-page">
        <!--Slide start-->
                <div class="row">
          <div class="product-iamge">
            <div class="page-back"><a href="javascript:window.history.back(-1);"><i class="iconfont">&#xe622;</i></a></div>
            <div id="product-slides" class="swiper-container">
              <div class="swiper-wrapper">
                                                <div class="swiper-slide">
                  <img src="https://mallcdn.gdemo.top/catalog/demo/product/6.jpg?imageView2/1/w/500/h/500/" alt="" class="img-responsive" />
                </div>
                                <div class="swiper-slide">
                  <img src="https://mallcdn.gdemo.top/catalog/demo/product/1.jpg?imageView2/1/w/500/h/500/" alt="" class="img-responsive" />
                </div>
                                <div class="swiper-slide">
                  <img src="https://mallcdn.gdemo.top/catalog/demo/product/14.jpg?imageView2/1/w/500/h/500/" alt="" class="img-responsive" />
                </div>
                                <div class="swiper-slide">
                  <img src="https://mallcdn.gdemo.top/catalog/demo/product/11.jpg?imageView2/1/w/500/h/500/" alt="" class="img-responsive" />
                </div>
                                <div class="swiper-slide">
                  <img src="https://mallcdn.gdemo.top/catalog/demo/product/7.jpg?imageView2/1/w/500/h/500/" alt="" class="img-responsive" />
                </div>
                              </div>
              <div class="swiper-pagination"></div>
            </div>
          </div>
        </div>
                <script type="text/javascript"><!--
          var productSlides = new Swiper ('#product-slides', {
            loop: true,
            autoplay: {
              delay: 5000,
            },
            pagination: {
              el: '.swiper-pagination',
            },
          });
        //--></script>
                <!--Slide end-->
        <!--Price start-->
        <div class="row widget">
          <div class="col-xs-12">
            <h2 class="product-name">大米6 Air 13.3英寸全金属超轻薄笔记本电脑 i7 8G 256G SSD</h2>
                        <h3 class="product-summary">【四月福利，限时特价！】2件8折3件7折&夏季新品限时特惠2件85折3件7折&专区1件5折！</h3>
                                                    <div class="product-price-wrapper">
                                <span class="price-new">￥0.01</span>
                <span class="price-old">￥0.01</span>
                                                <span class="points">积分兑换： 400</span>
                              </div>
                                      <ul class="list-unstyled product-attribute mb-0">
                            <li class="product-info-list-item"><b class="title">品牌：</b> <a href="../mobile/index.htmlindex.php?route=product/manufacturer/info&amp;manufacturer_id=8"><span>Samsung</span></a></li>
                            <li class="product-info-list-item"><b class="title">型号：</b> <span>Product 15</span></li>
                            <li class="product-info-list-item"><b class="title">奖励积分：</b> <span>10</span></li>
                            <li class="product-info-list-item"><b class="title">商品库存：</b> <span>有现货</span></li>
                            <li class="product-info-list-item"><b class="title">销量:</b> <span>1,330</span></li>
                          </ul>
                                    <ul class="list-unstyled product-attribute mb-0">
                            <li>税前 ￥0.01</li>

                          </ul>
                      </div>
        </div>
        <!--Price end-->



        <!--Option Start-->
                <div class="row widget product-options">
          <div class="col-xs-12">
            <span class="title">商品选项</span>

            <div id="options">
    <div id="product-quantity" class="input-group">
    <span class="input-group-btn quantity-down">
      <button class="btn btn-default" type="button">-</button>
    </span>
    <input class="form-control cart-quantity" type="text" name="quantity" value="1"  onkeyup="this.value=this.value.replace(/\D/g,'')"  onafterpaste="this.value=this.value.replace(/\D/g,'')" size="2" id="input-quantity" />
    <span class="input-group-btn quantity-up">
      <button class="btn btn-default" type="button">+</button>
    </span>
  </div>
    <input type="hidden" name="product_id" value="42" />
</div>

<script type="text/javascript"><!--
  $('.date, .datetime, .time').datetimepicker({
    language: 'en-gb',
  });

  $('button[id^=\'button-upload\']').on('click', function() {
    var element = this;

    $('#form-upload').remove();

    $('body').prepend('<form enctype="multipart/form-data" id="form-upload" style="display: none;"><input type="file" name="file" /></form>');

    $('#form-upload input[name=\'file\']').trigger('click');

    if (typeof timer != 'undefined') {
        clearInterval(timer);
    }

    timer = setInterval(function() {
      if ($('#form-upload input[name=\'file\']').val() != '') {
        clearInterval(timer);

        $.ajax({
          url: 'index.php?route=tool/upload',
          type: 'post',
          dataType: 'json',
          data: new FormData($('#form-upload')[0]),
          contentType: false,
          processData: false,
          success: function(json) {
            $('.text-danger').remove();

            if (json['error']) {
              $(element).parent().find('input').after('<div class="text-danger">' + json['error'] + '</div>');
            }

            if (json['success']) {
              layer.msg(json['success']);

              $(element).parent().find('input').val(json['code']);
            }
          }
        });
      }
    }, 500);
  });
//--></script>
          </div>
        </div>
                <!--Option end-->

        <!--Tabs start-->
        <div class="row widget">
          <div class="col-xs-12">
            <!--Tab nav start-->
            <ul class="nav nav-tabs">
              <li class="active"><a href="#tab-description" data-toggle="tab">商品详情</a></li>
                            <li><a href="#tab-specification" data-toggle="tab">商品属性</a></li>
                                          <li><a href="#tab-review" data-toggle="tab">商品评价</a></li>
                                          <li><a href="#tab-question" data-toggle="tab">商品咨询</a></li>
                          </ul>
            <!--Tab nav end-->

            <!--Tab content start-->
            <div class="tab-content">
              <div class="tab-pane active" id="tab-description">
                <p><img src="../image/product/xq_01.jpg" />
                  <img src="../image/product/xq_02.jpg" />
                  <img src="../image/product/xq_03.jpg" />
                  <img src="../image/product/xq_04.jpg" />
                  <img src="../image/product/xq_05.jpg" />
                </p>
              </div>
              <div id="tab-question" class="tab-pane">
  <div id="displayQuestionAnwser" class="mb-2">
      </div>
  <div class="form-horizontal" id="form-question">
    <h2>询问关于该商品的问题</h2>
    <div class="form-group required">
      <div class="col-sm-12">
        <label class="control-label" for="input-question-name">您的姓名</label>
        <input type="text" name="question_name" value="" placeholder="您的姓名" id="input-question-name" class="form-control" />
      </div>
    </div>
    <div class="form-group required">
      <div class="col-sm-12">
        <label class="control-label" for="input-question-question">您的问题</label>
        <textarea name="question_question" rows="5" id="input-question-question" class="form-control"></textarea>
        <div class="help-block"><span class="text-danger">注意</span> 评论内容不支持HTML代码！</div>
      </div>
    </div>
    <button type="button" class="btn btn-primary" id="button-question">提交</button>
  </div>
</div>

<script type="text/javascript"><!--
$(document).ready(function() {
  $('#form-question').ProductQuestion({
    productId: 42,
    emptyLabel: {
      name: '姓名不能为空',
      question: '问题不能为空'
    }
  });
});
//--></script>

                                          <div class="tab-pane" id="tab-specification">
                <table class="table table-striped">
                                    <thead>
                    <tr><td colspan="2"><strong>处理器</strong></td></tr>
                  </thead>
                  <tbody>
                                        <tr><td>主频</td><td>100mhz</td></tr>
                                      </tbody>
                                  </table>
              </div>
                                          <div class="tab-pane" id="tab-review"><div id="review"></div></div>
                          </div>
            <!--Tab content end-->
          </div>
        </div>
        <!--Tabs end-->

                <!--Related products start-->
        <div class="row widget product-list-item-style grid">
          <h2>相关商品</h2>
                    <div class="col-xs-6">
            <div class="product-item-wrapper">
              <div class="image">
              <a href="../mobile/index.htmlindex.php?route=product/product&amp;product_id=40"><img src="https://mallcdn.gdemo.top/catalog/demo/product/4.jpg?imageView2/1/w/230/h/230/" class="img-responsive"></a>
              </div>
              <div class="info">
                <a href="../mobile/index.htmlindex.php?route=product/product&amp;product_id=40">Apple MacBook 13.3英寸笔记本电脑2017款i5 处理器8GB内存</a>
                                <div class="price">
                                    <span class="price-new">￥899.00</span>
                                  </div>
                              </div>
            </div>
          </div>
                    <div class="col-xs-6">
            <div class="product-item-wrapper">
              <div class="image">
              <a href="../mobile/index.htmlindex.php?route=product/product&amp;product_id=41"><img src="https://mallcdn.gdemo.top/catalog/demo/product/3.jpg?imageView2/1/w/230/h/230/" class="img-responsive"></a>
              </div>
              <div class="info">
                <a href="../mobile/index.htmlindex.php?route=product/product&amp;product_id=41">SANY 入耳式 无线蓝牙耳机 降噪耳机 黑色 白色</a>
                                <div class="price">
                                    <span class="price-new">￥161.00</span>
                                  </div>
                              </div>
            </div>
          </div>
                    <div class="col-xs-6">
            <div class="product-item-wrapper">
              <div class="image">
              <a href="../mobile/index.htmlindex.php?route=product/product&amp;product_id=108"><img src="https://mallcdn.gdemo.top/catalog/demo/product/20.jpg?imageView2/1/w/230/h/230/" class="img-responsive"></a>
              </div>
              <div class="info">
                <a href="../mobile/index.htmlindex.php?route=product/product&amp;product_id=108">Apple iPhone 8s Plus 64G 玫瑰金色全网通4G手机</a>
                                <div class="price">
                                    <span class="price-new">￥701.00</span>
                                  </div>
                              </div>
            </div>
          </div>
                    <div class="col-xs-6">
            <div class="product-item-wrapper">
              <div class="image">
              <a href="../mobile/index.htmlindex.php?route=product/product&amp;product_id=109"><img src="https://mallcdn.gdemo.top/catalog/demo/product/20.jpg?imageView2/1/w/230/h/230/" class="img-responsive"></a>
              </div>
              <div class="info">
                <a href="../mobile/index.htmlindex.php?route=product/product&amp;product_id=109">Apple iPhone 8s Plus 64G 玫瑰金色全网通4G手机</a>
                                <div class="price">
                                    <span class="price-new">￥701.00</span>
                                  </div>
                              </div>
            </div>
          </div>
                    <div class="col-xs-6">
            <div class="product-item-wrapper">
              <div class="image">
              <a href="../mobile/index.htmlindex.php?route=product/product&amp;product_id=111"><img src="https://mallcdn.gdemo.top/catalog/demo/product/20.jpg?imageView2/1/w/230/h/230/" class="img-responsive"></a>
              </div>
              <div class="info">
                <a href="../mobile/index.htmlindex.php?route=product/product&amp;product_id=111">Apple iPhone 8s Plus 64G 玫瑰金色全网通4G手机</a>
                                <div class="price">
                                    <span class="price-new">￥701.00</span>
                                  </div>
                              </div>
            </div>
          </div>
                    <div class="col-xs-6">
            <div class="product-item-wrapper">
              <div class="image">
              <a href="../mobile/index.htmlindex.php?route=product/product&amp;product_id=123"><img src="https://mallcdn.gdemo.top/catalog/demo/product/20.jpg?imageView2/1/w/230/h/230/" class="img-responsive"></a>
              </div>
              <div class="info">
                <a href="../mobile/index.htmlindex.php?route=product/product&amp;product_id=123">Apple iPhone 8s Plus 64G 玫瑰金色全网通4G手机</a>
                                <div class="price">
                                    <span class="price-new">￥1,001.00</span>
                                  </div>
                              </div>
            </div>
          </div>
                  </div>
        <!--Related products end-->

      </div>
    </div>
</div>

<script type="text/javascript"><!--
$(document).ready(function() {
  // Make description large image responsive
  // $('#tab-description img').not('.img-responsive').imagesLoaded().progress(function(instance, image) {
  //   if (image.img.width > $(image.img).parent().width()) {
  //     $(image.img).addClass('img-responsive');
  //   }
  // });

  $(document).on('click', '#button-add-to-wishlist', function(event) {
    if ($('#button-add-to-wishlist i').hasClass('active')) {
      wishlist.remove(42);
    } else {
      wishlist.add(42);
    }
  });

  var cartData = [
    'input[name=\'product_id\']',
    '#options input[type=\'text\']',
    '#options input[type=\'hidden\']',
    '#options input[type=\'radio\']:checked',
    '#options input[type=\'checkbox\']:checked',
    '#options select, #options textarea'
  ]

  $('.button-add-to-cart').productInfoToCart({
    data: cartData,
    messages: {
      error_msg: '请选择选项！',
    }
  });

  $('.button-buy-now').productInfoToCart({
    data: cartData,
    messages: {
      error_msg: '请选择选项！',
    },
    buyNow: true,
  });

  $('#input-quantity').blur(function() {
    if ( $(this).val() < 1 ) $(this).val(1);

      })

  $('#product-quantity span').click(function(e) {
    if( $(this).hasClass('quantity-up')) {
      $('#input-quantity').val( parseInt($('#input-quantity').val()) + 1 );
    } else {
      if( parseInt($('#input-quantity').val())  > 1 ) {
        $('#input-quantity').val( parseInt($('#input-quantity').val()) - 1 );
      }
    }

      });


  $('#review').on('click', '.pagination a', function(e) {
    e.preventDefault();
    $('#review').load(this.href);
  });

  $.ajax({url: 'index.php?route=account/order_review/review&product_id=42',dataType: 'html',
    beforeSend: function() {},
    success: function(html) {$('#review').html(html)}
  });

  });
//--></script>

  <footer>
        <div class="language-currency-wrapper mb-1 mt-1">
            <a href="#" id="switch-language">
    <img src="../image/language/zh-cn.png" alt="简体中文" title="简体中文">
    简体中文
  </a>

  <script type="text/javascript">
  $('#switch-language').click(function (e) {
    e.preventDefault();
    layer.open({
      type: 1,
      title: '语言',
      closeBtn: 1,
      anim: 2,
      shadeClose: true,
      scrollbar: false,
      area: ['80%'],
      content: language_modal_content()
    });
  });

  function language_modal_content() {
    var html = '<div class="m-2">';
        html += '<a href="../mobile/index.htmlindex.php?route=product/product&amp;product_id=42&language=zh-cn" class="list-group-item"><img src="../image/language/zh-cn.png"/> 简体中文</a>';
        html += '<a href="../mobile/index.htmlindex.php?route=product/product&amp;product_id=42&language=en-gb" class="list-group-item"><img src="../image/language/en-gb.png"/> English</a>';
        html += '<a href="../mobile/index.htmlindex.php?route=product/product&amp;product_id=42&language=zh-hk" class="list-group-item"><img src="../image/language/zh-hk.png"/> 繁體中文</a>';
        html += '</div>';
    return html;
  }
  </script>

                      <a href="#" id="switch-currency">
      ￥  人民币
    </a>

  <script type="text/javascript">
  $('#switch-currency').click(function (e) {
    e.preventDefault();
    layer.open({
      type: 1,
      title: '货币',
      closeBtn: 1,
      anim: 2,
      shadeClose: true,
      scrollbar: false,
      area: ['80%'],
      content: currency_modal_content()
    });
  });

  function currency_modal_content() {
    var html = '<div class="m-2">';
        html += '<a href="../mobile/index.htmlindex.php?route=product/product&amp;product_id=42&currency=USD" class="list-group-item">$ US Dollar</a>';
        html += '<a href="../mobile/index.htmlindex.php?route=product/product&amp;product_id=42&currency=CNY" class="list-group-item">￥ 人民币</a>';
        html += '<a href="../mobile/index.htmlindex.php?route=product/product&amp;product_id=42&currency=JPY" class="list-group-item">¥ 日元 </a>';
        html += '</div>';
    return html;
  }
  </script>

    </div>
        <div class="container">
      <div class="footer-powered">
        技术支持
      </div>
    </div>
  </footer>
      <nav id="bottom-add-to-cart" class="top-border">
      <div class="menu-item menu-wishlist right-border">
        <button id="button-add-to-wishlist"><i class="fa fa-heart "></i></button>
      </div>
      <div class="menu-item menu-cart">
        <a href="../mobile/index.htmlcheckout/cart">
          <i class="iconfont">&#xe608;<span class="cart-total" style=""></span></i>
        </a>
      </div>
      <div class="menu-item menu-add-to-cart">
                <button data-loading-text="处理中" class="button-add-to-cart">加入购物车</button>
              </div>
      <div class="menu-item menu-buy-now">
                <button data-loading-text="处理中" class="button-buy-now">立即购买</button>
              </div>
    </nav>

</body>
</html>
